<div style="height:95%" class="login">
    <div class="left">
        <!--<img id="" src="./img/bbb.png" alt="" height="309" width="1100"/>-->
    </div>
    <div>
        <div style="font-size: 32px; color: rgb(255, 255, 255); padding-bottom: 30px;">星图IT支撑系统</div>
        <div id="login-section" class="card card-body">
            <div style="padding: 10px 0 15px;cursor:default;">
                <span style="font-size: 20px;" ng-style="{color:vm.color1}" ng-click="mobileLogin(1)">手机登录</span>
                <span style="font-size: 20px; padding-left:80px;" ng-style="{color:vm.color2}" ng-click="mobileLogin(0)">账号登录</span>
            </div>
            <div ng-show="vm.isMobile">
            <form name="form" ng-submit="loginAjaxDynamicCode()" novalidate>
                <div class="form-item" style="margin-bottom: 0;">
                    <div class="form-item-control">
                        <span class="input-wrapper input-group">
                            <span class="input-group-addon"><i class="anticon anticon-mobile"></i></span>
                            <input type="text" class="input" placeholder="手机号" value="" style="border-left: 0px;"
                                   name="phoneNumber" ng-model="vm.p.phoneNumber" required />
                            <input type="hidden" id="redirectURL" value=""/>
                        </span>
                        <div class="form-explain mobile-error-show" >
                            <span ng-show="form.phoneNumber.$error.required" >请输入手机号!</span>
                        </div>
                        <!--<div class="form-explain mobile-error-show">请输入手机号！</div>-->
                    </div>
                </div>
                <div class="form-item">
                    <div class="form-item-control">
                        <div class="row-flex row-flex-space-between ">
                            <div class="flexitem">
                                <span class="input-wrapper input-group">
                                    <input type="text" class="input code" placeholder="动态密码" value=""
                                           name="dynamicCode" ng-model="vm.p.dynamicCode" required/>
                                </span>
                                <div class="form-explain code-error-show" >
                                    <span ng-show="isInvalid">
                                        <span ng-show="form.dynamicCode.$error.required" >请输入动态密码!</span>
                                    </span>
                                </div>
                                <!--<div class="form-explain code-error-hide"></div>-->
                            </div>
                            <div class="flexitem flexitem-right">
                                    <span class="input-wrapper input-group">
                                        <input id="btn" type="button" class="code btn" value="发送动态密码" ng-click="sendDynamicCode()"/>
                                    </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-item">
                    <div class="form-item-control">
                        <button type="submit" class="btn btn-primary">
                            <span>登 录</span>
                        </button>
                    </div>
                </div>
            </form>
            </div>
            <div ng-show="! vm.isMobile">
                <form name="form" ng-submit="form.$valid&&loginAccountCode()" novalidate>
                    <div class="form-item" style="margin-bottom: 10px;">
                        <div class="form-item-control">
                        <span class="input-wrapper input-group">
                            <input type="text" class="input" placeholder="用户名" value="" name="username" ng-model="vm.p.username" required />
                        </span>
                        </div>
                    </div>
                    <div class="form-item" style="margin-bottom: 10px;">
                        <div class="form-item-control">
                        <span class="input-wrapper input-group">
                            <input type="password" class="input" placeholder="密码" value="" name="password" ng-model="vm.p.password" required />
                        </span>
                        </div>
                    </div>
                    <div class="form-item">
                        <div class="form-item-control">
                            <div class="row-flex row-flex-space-between ">
                                <div class="flexitem">
                                <span class="input-wrapper input-group">
                                    <input type="text" class="input code" placeholder="验证码" value=""
                                           name="verifyCode" ng-model="vm.p.verifyCode" required/>
                                </span>
                                </div>
                                <div class="flexitem flexitem-right">
                                    <span class="input-wrapper input-group">
                                        <img id="imgVerifyCode" class="code btn" src="/getVerifyCode" ng-click="changeVerifyCode()"/>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-item">
                        <div class="form-item-control">
                            <button type="submit" class="btn btn-primary">
                                <span>登 录</span>
                            </button>
                        </div>
                    </div>
                </form>
            </div>
            <div> 负责人方培云（fangpeiyun）
                <a href="/user_add" style="margin-left:10px;" > <u>用户注册</u>  </a>
                <a href="" style="margin-left:10px;" ng-click="lostPassword()"> <u>忘记密码</u> </a>
            </div>
        </div>
    </div>
</div>
